<template>
    <div class="topBackContainer">
        <div class="box">
            <img :src="topBack" class="background" alt=""/>
            <img :style="{width: logoImg.width}" :src="logoImg.pic" class="logo" alt=""/>
        </div>
    </div>
</template>

<script setup>
defineProps(['topBack', 'logoImg'])
</script>

<style scoped>
.box {
    position: relative;
}

.box .background {
    height: 70vh;
    width: 100%;
    object-fit: cover;
}

.box .logo {
    position: absolute;
    top: 35%;
    left: 50%;
    transform: translate(-50%, -50%);
}
</style>